<template>
  <div class="template-container-root full-container">
    <splitpanes class="default-theme">
      <pane>
        <div class="tem-left full-container">
          <slot name="left"></slot>
        </div>
      </pane>
      <pane>
        <div class="tem-right full-container">
          <slot name="right"></slot>
        </div>
      </pane>
    </splitpanes>
  </div>
</template>

<script>
import {Splitpanes, Pane} from 'splitpanes'

export default {
  components: {Splitpanes, Pane},
}
</script>

<style scoped lang="scss">
.template-container-root {


  .tem-left,.tem-right{

  }
}
</style>
